<template>
  <div>
    <ant-tree
      :treeData="treeData"
      :checkable="true"
      :checkAll="true"
      :AddLevel="false"
      :AddChildData="false"
      :action="true"
      @checkedSelect="checkedSelect"
    />
  </div>
</template>

<script lang="ts">
import { Component, Vue, Prop, Emit } from "vue-property-decorator";

@Component({
  name: "sys-authority-allocation",

  layout: "menu"
})
export default class AuthAllocation extends Vue {
  treeData: any[] = [
    //首页
    {
      path: "/LeaveHome",
      name: "LeaveHome",
      title: {
        zh: "首页",
        mn: "ᠺᠠᠷᠳ ᠤ ᠨᠡᠷ᠎ᠡ",
        en: ""
      },
      key: "32",
      authentication: "LeaveHome"
    },
    //请假系统设置
    {
      path: "/LeaveSystemSetting",
      name: "LeaveSystemSetting",
      title: {
        zh: "请假系统设置",
        mn: "ᠺᠠᠷᠳ ᠤ ᠨᠡᠷ᠎ᠡ",
        en: ""
      },
      key: "33",
      authentication: "LeaveSystemSetting",
      children: [
        //请假细则设置
        {
          path: "LeaveLeaveRules",
          title: {
            zh: "请假细则设置",
            mn: "ᠺᠠᠷᠳ ᠤ ᠨᠡᠷ᠎ᠡ",
            en: ""
          },
          key: "34",
          authentication: "LeaveLeaveRules",
          name: "LeaveLeaveRules",
          children: [
            {
              path: "LeaveLeaveRules1",
              title: {
                zh: "请假细则设置111111",
                mn: "ᠺᠠᠷᠳ ᠤ ᠨᠡᠷ᠎ᠡ",
                en: ""
              },
              key: "34111",
              authentication: "LeaveLeaveRule111s",
              name: "LeaveLeaveRules11"
            }
          ]
        }
      ]
    }
  ];
  checkAllKeysFilters: string[] = [];
  checkedSelect(n: any) {
    console.log("默认选择的数据", n);
  }
}
</script>

<style lang='less' scoped>
</style>